<template>
  <div class="added-wrap">
    <G_header />
    <van-icon color="#E6A23C" size="5rem" style="margin-top: 3rem" name="discount" />
    <p>我的增值券</p>
    <h2>¥ 0.00</h2>
    <p style="color: rgb(230, 162, 60)">转换成代金券可提现</p>
    <van-row>
      <van-col span="12" style="border-right: 1px solid rgba(170,170,170,.5)">
      <p style="opacity:0;"> 1</p>
      <p>万分之3收益率 / 天</p>
      <p style="opacity:0;"> 1</p></van-col>
      <van-col span="12">
        <p>累计收益</p>
        <p><h2 style="margin: 0">¥ 0.00</h2> </p>
        <p><span style="border-radius: 6px;background:#E6E6E6;padding: .25rem .5rem;color: #808080">昨日 ¥ 0.00</span></p>
      </van-col>
    </van-row>

    <div class="main">
      <p>
        <van-button block hairline size="small" type="primary">转换代金券</van-button>
      </p>
      <p>
        <van-button
          style="background-color:#C0C4CC;color:white"
          block
          hairline
          size="small"
          type="default"
        >转换成增值券</van-button>
      </p>
    </div>
    <div class="footer">帮助中心</div>
  </div>
</template>

<script>
export default {
  name: "Added"
};
</script>
<style scoped>
.added-wrap {
  position: relative;
  min-height: 100vh;
  text-align: center;
  background-color: white;
}
.main {
  margin-top: 1.5rem;
}
.main p {
  display: blcok;
  width: 40%;
  padding: 10px 0 10px;
  margin: 0 auto;
}
.footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  color:#409EFF
}
</style>
